"use client";

import { useLanguage } from "~/lib/LanguageContext";
import Hero from "~/components/hero";

export default function HomePage() {
  const { t } = useLanguage();

  return (
    <main className="flex-grow px-8 pb-8 md:p-8">
      <div className="mx-auto mb-4 max-w-4xl lg:my-8">
        <Hero />
        <div className="mt-12"></div>
        <p className="mx-auto mt-8 max-w-2xl text-center text-lg dark:text-white">
          {t("introText")}
        </p>
        <p className="mx-auto mt-0 max-w-2xl text-center text-lg dark:text-white">
          {t("usefulness")}
        </p>
      </div>
    </main>
  );
}
